"use client"

import Flip from '@/app/components/3DFlip'
import SelectedElement from '@/app/components/SelectedElement'
import Scroll from '@/app/components/Scroll'
import Shadow from '@/app/components/Shadow'
import DButton from '@/app/components/3DButton'
import Switch from '@/app/components/Switch'
import Checkbox from '@/app/components/Checkbox'
import Nav from '@/app/components/Nav'
import Rotate2 from '@/app/components/Rotate2'
import Line from '@/app/components/Line'
import Checkbox3 from '@/app/components/Checkbox3'
import Theme from '@/app/components/Theme'
import { useThemeStore } from '@/app/store/theme'
import { FaSun } from "react-icons/fa";
import { FaCloudMoon } from "react-icons/fa";
import { clsx } from 'clsx'
import Grid from '@/app/components/Grid'

export default function Home() {


  return (
    /*<Flip/>*/
    /*<SelectedElement/>*/
    /*<Scroll/>*/
    /*<Shadow/>*/
    /*<DButton/>*/
    /*<Switch/>*/
    /*<Checkbox/>*/
    /*<Nav/>*/
    <div>
      {/*<Rotate2/>
      <Line/>*/}
      {/*<Checkbox3/>*/}

      {/*<Theme/>*/}
      <Grid/>
    </div>
  )
}
